.api-left {
  width: 350px;
  height: 100%;
  overflow: auto;
  border-right: 1px solid #ebedf2;

  .api-left_ul {
    .api-left_li {
      padding: 2px 0;

      .api-menu1 {
        display: flex;
        align-items: center;

        .menu1-icon1 {
          width: 16px;
          height: 16px;
          text-align: center;
          line-height: 16px;
          border-radius: 2px;
          cursor: pointer;

          i {
            font-size: 12px;
            color: #b6b6b6;
          }

          &:hover {
            background-color: #e6e6e6;
          }
        }

        .menu1-icon1_active {
          i {
            transform: rotate(90deg);
          }
        }

        .menu1-icon2 {
          cursor: pointer;

          i {
            font-size: 20px;
            color: #73c3f3;
            font-weight: bold;
          }
        }

        .menu1-text {
          flex: 1;
          min-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 12px;
          color: #282828;
          font-weight: 600;
          margin-left: 8px;
          height: 30px;
          line-height: 30px;
          cursor: pointer;

          &:hover {
            text-decoration: underline;
          }
        }
      }

      .api-menu2 {
        .api-menu2_li {
          display: flex;
          align-items: center;
          padding: 2px 0;

          .menu2_li-ask {
            width: 45px;
            text-align: right;
            font-size: 12px;
            font-weight: 700;
          }

          .ask_1 {
            color: #3eb63e;
          }

          .ask_2 {
            color: #f5a623;
          }

          .ask_3 {
            color: #4a90e2;
          }

          .ask_4 {
            color: red;
          }

          .menu2_li-text {
            flex: 1;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #282828;
            font-size: 12px;
            font-weight: 400;
            margin-left: 8px;
            height: 23px;
            line-height: 23px;
            cursor: pointer;

            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }
}
